<template>
  <main class="wss-container">
    <el-tabs v-model="activeName">
        <el-tab-pane label="学习角色" name="studyRole">
          <studyRole v-if="activeName=='studyRole'"></studyRole>
        </el-tab-pane>
        <el-tab-pane label="考试题库" name="question">
          <question v-if="activeName=='question'"></question>
        </el-tab-pane>
    </el-tabs>
  </main>
</template>

<script>
import studyRole from "@/wss/newViews/BK/study/studyRole/index.vue"
import question from "@/wss/newViews/BK/study/question/index.vue"
export default {
    components:{studyRole,question},
    data() {
        return{
            activeName: 'studyRole',
        }
    },
    methods:{

    },
}
</script>

<style lang="scss" scoped>
.wss-container .el-tabs{
  display: flex;
  flex-direction: column;
  height: 100%;
}
::v-deep .el-tabs,
::v-deep .el-tabs__content {
  height: calc(100% - 60px);
}
::v-deep .el-tabs .el-tabs__header{
  height: 40px;
  margin-bottom: 20px;
}
::v-deep .el-tabs .el-tabs__item{
  color: #2E3F5E;
}
::v-deep .el-tab-pane {
  height: 100%;
}
</style>